<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/pages/common/plantillaPrincipal.xhtml">
	<ui:define name="title">#{msg.tituloSistema}</ui:define>
	<ui:define name="cuerpo">

		<div class="cuerpo" align="center">
			<!-- Empezar a programar desde aqui -->
			<h:form id="formGenerarAO">
				<p:panel id="panelListaB" header="#{msg.lblGenerarActa}"
					style="width:90%">

					<h:panelGrid columns="2">
						<!-- aca va el elcuepo-->
						<h:outputLabel for="codTes" value="Codigo de Tesis:" />

						<h:outputText id="codTes"
							value="#{generarActaObservacion.borrador.codigoTes}"
							label="codTes" />

					</h:panelGrid>

					<h:panelGrid columns="1">
						<p:media value="#{generarActaObservacion.borrador.ruta}"
							width="900px" height="300px">  
    						Your browser can't display pdf, 
    						<h:outputLink value="#{generarActaObservacion.borrador.ruta}">click</h:outputLink> to download pdf instead.  
						</p:media>
					</h:panelGrid>

					<p:separator id="separador1r" />
					<p:selectOneRadio id="obs" value="#{generarActaObservacion.estado}"
						layout="">
						<f:selectItem itemLabel="Hay observaciones" itemValue="1" />

						<f:selectItem itemLabel="No hay observaciones" itemValue="0" />
					</p:selectOneRadio>
					<p:separator id="separador2" />
					
					<p:panel id="panelObs" header="#{msg.lblDetalleObs}"
						style="width:90%">
						<h:panelGrid columns="2" style="height:100px" id="panel1">
							<f:facet name="header">
							</f:facet>

							<h:outputLabel for="nroPagina" value="Nro Pagina :" />
							<p:inputText id="nroPagina" required="true"
								value="#{generarActaObservacion.dao.nroPagina}" />


							<h:outputLabel for="obsv" value="Observaciones :" />
							<p:inputTextarea id="obsv" value="#{generarActaObservacion.dao.observaciones}"
								style="width:590px" />

							<f:facet name="footer">
								<div align="center">
									<p:commandButton value="Agregar" icon="ui-icon-disk"
										style="margin:0"
										actionListener="#{generarActaObservacion.agregarObservacion}"
										update="panelObs" ajax="true" />
								</div>
							</f:facet>
						</h:panelGrid>

						<p:dataTable var="acta" dynamic="true" lazy="true"
							value="#{generarActaObservacion.listDAO}" rendered="true">
							<p:column headerText="Linea">
								<h:outputText value="#{acta.linea}" />
							</p:column>

							<p:column headerText="Pagina">
								<h:outputText value="#{acta.nroPagina}" />
							</p:column>

							<p:column headerText="Observaciones">
								<h:outputText value="#{acta.observaciones}" />
							</p:column>
						</p:dataTable>
					</p:panel>

					<h:panelGrid columns="2"
						columnClasses="formColumnaIzquierda,formColumnaDerecha"
						width="100%">
						<f:facet name="footer">
							<div align="center">
								<p:commandButton
									action="#{generarActaObservacion.generarActaObservacion}"
									value="#{msg.botonRegistrar}" icon="ui-icon-check"
									style="margin-top:10px" update="formGenerarAO,growl" ajax="true" />
								<p:commandButton
									action="#{generarActaObservacion.cancelarObservacion}"
									process="@this" value="#{msg.botonCancelar}"
									icon="ui-icon-cancel" style="margin-top:10px" update="growl" />
							</div>
						</f:facet>
					</h:panelGrid>
				</p:panel>

				<p:growl id="growl" showDetail="true" sticky="true" life="3000" />

			</h:form>

			<!-- Terminar de programar desde aqui -->
		</div>

	</ui:define>
</ui:composition>